<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
<script>
1.// var bar=1;
// function test(){
//     console.log(bar);  //undefined
//     var bar=2;
//     console.log(bar);  //2
// }
// test();


2.// var foo=function(){
//     alert(1);
// }
// function foo(){
//     alert(2);
// }
// foo();


3.// function c(){
//     var b=1;
//     function a(){
//         console.log(b); //undefined
//         var b=2;
//         console.log(b); //2
//     }
//     a();
//     console.log(b)  //1
// }
// c();


4.// var name='world';
// (function(){ //var name;
//     console.log(name);
//     if(typeof name==='undefined'){
//         var name='xxxx';
//         console.log('goodbye'+name);   //goodbyexxxx
//     }else{
//         console.log('hello'+name);
//     }
// })();

var f=true;
if(f===true){
    var a=10;
}
function fn(){
    var b=20;
    c=30;
}
fn();
console.log(a); //10
console.log(b); //外部拿内部报错
console.log(c); //30
</script>
</body>
</html>